<template>
	<page-meta :root-font-size="`${fontSize}px`"></page-meta>
	<view class="identify-container">
		<view class="photo" v-if="checkStatus !== 2">
			<avatar selWidth="500upx" selHeight="500upx" ref='avatar' fileType='png' :avatarSrc="url" @upload="myUpload" quality="1"
			 inner=true avatarStyle="width: 400upx; height: 400upx;">
			</avatar>
		</view>
		<view v-else class="img_box">
			<image :src="url"></image>
		</view>
		<!-- <view class="true">请上传该用户正面照</view> -->
		<!-- 用户信息 -->
		<view class="name">
			<text class="require" style="color: red;">*</text>
			<text class="two">姓名:</text>
			<text v-if="checkStatus == 2">{{params4.name}}</text>
			<input v-else type="text" maxlength="50" placeholder="请输入姓名" v-model='params4.name'>
		</view>
		<view class="name">
			<text class="two">籍贯:</text>
			<input type="text" maxlength="50" placeholder="请输入籍贯" v-model='params4.birthplace'>
		</view>
		<view class="name">
			<text class="two">公司:</text>
			<input type="text" maxlength="50" placeholder="请输入所在公司" v-model='params4.company'>
		</view>
		<!-- <view class="name">
			<text class="require" style="color: red;">*</text>
			<text class="two">车牌:</text>
			<input type="text" maxlength="50" placeholder="请输入车牌" v-model='carPlate'>
		</view>
		<view class="name">
			<text class="require" style="color: red;">*</text>
			<text class="three">车位号:</text>
			<input type="text" maxlength="50" placeholder="请输入车位号" v-model='carNo'>
		</view> -->
		<view class="name">
			<text class="two">学历:</text>
			<view class="tap" @click="handleTap('picker1')">{{label1}}</view>
			<lb-picker ref="picker1" @click="handleTap('picker1')" v-model="value1" mode="selector" :list="educationList" :dataset="{ name: 'label1' }"
			 @change="handleChange" @confirm="handleConfirm" @cancel="handleCancel">
			</lb-picker>
		</view>
		<view class="name">
			<text class="three">月收入:</text>
			<view class="tap" @click="handleTap('picker5')">{{label5}}</view>
			<lb-picker ref="picker5" @click="handleTap('picker5')" v-model="value5" mode="selector" :list="incomeList" :dataset="{ name: 'label5' }"
			 @change="handleChange" @confirm="handleConfirm4" @cancel="handleCancel">
			</lb-picker>
		</view>
		<view class="name">
			<text class="require" style="color: red;">*</text>
			<text class="info person_num">身份证号:</text>
			<text v-if="checkStatus == 2">{{params4.personId}}</text>
			<input v-else type="idcard" v-model="params4.personId" placeholder="请输入身份证号">
		</view>
		<view class="name">
			<text class="require" style="color: red;">*</text>
			<text class="info person_num">是否党员:</text>
			<text v-if="politicalStatus == 1">是</text>
			<text v-else>否</text>
		</view>
		<view class="name">
			<text class="info">住宅面积:</text>
			<input type="number" maxlength="50" v-model="params4.roomArea" placeholder="请输入住宅面积(m^2)">
		</view>
		<view class="name" v-if="checkStatus == 2">
			<text>
				<text class="require" style="color: red;">*</text>当前房屋:
				<text class="no_edit">{{city}}</text>
			</text>
		</view>
		<view v-else style="width: 710rpx; position: relative;height: 76rpx;padding-top: 18rpx; margin-left: 20rpx; border-bottom: 2rpx solid rgba(237, 237, 237, 1);">
			<text class="require" style="color: red;">*</text>
			<uni-combox label="选择房屋:" @input="handleInput" :candidates="candidates" v-model="city"></uni-combox>
		</view>
		<!-- <uni-combox label="选择房屋:" @input="handleInput" :candidates="candidates" placeholder="请选择所在房屋" v-model="city"></uni-combox> -->
		<view class="name">
			<text class="require" style="color: red;">*</text>
			<text v-if="checkStatus == 2">住户类型:
				<text class="no_edit">{{label4}}</text></text>
			<view class="edit" v-else>
				<text class="info">住户类型:</text>
				<view class="tap" @click="handleTap('picker4')">{{label4}}</view>
				<lb-picker ref="picker4" @click="handleTap('picker4')" v-model="value4" mode="selector" :list="residentTypeList"
				 :dataset="{ name: 'label4' }" @change="handleChange" @confirm="handleConfirm3" @cancel="handleCancel">
				</lb-picker>
			</view>
		</view>
		<view class="name">
			<text class="require" style="color: red;">*</text>
			<text class="info">居住类型:</text>
			<view class="tap" @click="handleTap('picker10')">{{label10}}</view>
			<lb-picker ref="picker10" @click="handleTap('picker10')" v-model="value10" mode="selector" :list="occupancyTypeList" :dataset="{ name: 'label10' }"
			 @change="handleChange" @confirm="handleConfirm9" @cancel="handleCancel">
			</lb-picker>
		</view>
		<view class="name">
			<text class="require" style="color: red;">*</text>
			<text class="info">入住状态:</text>
			<view class="tap" @click="handleTap('picker11')">{{label11}}</view>
			<lb-picker ref="picker11" @click="handleTap('picker11')" v-model="value11" mode="selector" :list="occupancyStateList" :dataset="{ name: 'label11' }"
			 @change="handleChange" @confirm="handleConfirm10" @cancel="handleCancel">
			</lb-picker>
		</view>
		<view class="name">
			<text class="require" style="color: red;">*</text>
			<text class="five">是否养宠物:</text>
			<view class="tap" @click="handleTap('picker7')">{{label7}}</view>
			<lb-picker ref="picker7" @click="handleTap('picker7')" v-model="value7" mode="selector" :list="pets" :dataset="{ name: 'label7' }"
			 @change="handleChange" @confirm="handleConfirm6" @cancel="handleCancel">
			</lb-picker>
		</view>
		<!-- 提交按钮 -->
		<button class="btn" @click="updateUserInfo">确认</button>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex'
	import LbPicker from '@/components/lb-picker'
	import avatar from '@/components/yq-avatar/yq-avatar.vue'
	import uniCombox from "@/components/uni-combox/uni-combox"
	export default {
		components: {
			LbPicker,
			avatar,
			uniCombox
		},
		computed: {
			...mapState(['fontSize'])
		},
		data() {
			return {
				total: 0,
				params: {
					pagination: {
						current: 1,
						pageSize: 10000
					},
					sorter: {
						field: "id",
						order: 0
					}
				},
				params1: {
					pagination: {
						current: 1,
						pageSize: 10000
					},
					sorter: {
						field: "id",
						order: 0
					}
				},
				list: [],
				value1: '',
				label1: '请选择学历',
				value2: '',
				label2: '',
				value3: '',
				label3: '',
				value4: '',
				label4: '',
				value5: '',
				label5: '请选择月收入',
				value7: '',
				label7: '',
				value8: '',
				label8: '',
				value9: '',
				label9: '',
				value10: '',
				label10: '',
				value11: '',
				label11: '',
				buildingList: [],
				params2: {
					pagination: {
						current: 1,
						pageSize: 10000
					},
					sorter: {
						field: "buildingNo",
						order: 0
					}
				},
				roomList: [],
				roomIds: [],
				roomName: null,
				educationList: this.$types.educationList,
				residentTypeList: [{
						id: 1,
						value: '户主',
						label: '户主'
					}, {
						id: 2,
						value: '家人',
						label: '家人'
					}, {
						id: 3,
						value: '亲友',
						label: '亲友'
					}, {
						id: 4,
						value: '租客',
						label: '租客'
					},
					{
						id: 5,
						value: '物业',
						label: '物业'
					},
					{
						id: 6,
						value: '其他',
						label: '其他'
					}
				],
				params4: {
					name: null,
					projId: null,
					personId: null,
					phoneNumber: null,
					company: null,
					roomIds: [],
					picture: null
				},
				incomeList: [{
						id: 1,
						value: '3千以下',
						label: '3千以下'
					}, {
						id: 2,
						value: '3-5千',
						label: '3-5千'
					}, {
						id: 3,
						value: '5千-1万',
						label: '5千-1万'
					}, {
						id: 4,
						value: '1-5万',
						label: '1-5万'
					},
					{
						id: 5,
						value: '5万以上',
						label: '5万以上'
					}
				],
				file: {
					fileName: null,
					fileData: null,
				},
				tempPath: '',
				pets: [{
					id: 1,
					value: '不养宠物',
					label: '不养宠物'
				}, {
					id: 2,
					value: '养宠物',
					label: '养宠物'
				}],
				checkStatus: null,
				carNo: '',
				carPlate: '',
				url: '../../static/icon/touxiang.png',
				toJSON: '',
				occupancyTypeList: [{
						id: 1,
						value: '单身居住',
						label: '单身居住'
					}, {
						id: 2,
						value: '家庭居住',
						label: '家庭居住'
					}, {
						id: 3,
						value: '合伙居住',
						label: '合伙居住'
					}, {
						id: 4,
						value: '集体居住(单位宿舍)',
						label: '集体居住(单位宿舍)'
					},
					{
						id: 5,
						value: '其他',
						label: '其他'
					}
				],
				occupancyStateList: [
					{
						id: 2,
						value: '已入住',
						label: '已入住'
					},{
						id: 1,
						value: '未入住',
						label: '未入住'
					}, {
						id: 3,
						value: '离开',
						label: '离开'
					}
				],
				params5: {
					projId: null,
					name: null,
					code: null,
					pagination: {
						current: 1,
						pageSize: 10000
					},
					sorter: {
						field: "id",
						order: 0
					}
				},
				params6: {
					projId: null,
					buildingId: null,
					unitNo: null,
					code: null,
					pagination: {
						current: 1,
						pageSize: 10000
					},
					sorter: {
						field: "id",
						order: 0
					}
				},
				partitionList: [],
				unitList: [],
				partitionId: null,
				params7: {
					id: null,
					education: null,
					birthplace: null,
					company: null,
					roomArea: null,
					pets: null,
					income: null,
					carPlate: null,
					carNo: null
				},
				candidates: [],
				city: '',
				roomItem: ''
			}
		},
		onLoad() {
			this.getUserInfo()
			this.getRoomList()
			uni.showModal({
				title: '提示',
				content: '注册信息通过审核后,人脸照片、姓名、身份证号、房屋信息、住户类型不可再更改',
				showCancel: false,
				success: function(res) {
					if (res.confirm) {
						console.log('点击确定')
					}
				}
			});
		},
		methods: {
			...mapMutations(['setLogin']),
			handleInput(event) {
				console.log(event)
				let index = this.roomList.findIndex(item => {
					return item.label === event
				})
				if(index !== -1){
					this.params4.roomIds[0] = this.roomList[index].id
					console.log(this.params4.roomIds)
				}else {
					this.params4.roomIds = []
					console.log(this.params4.roomIds)
					console.log('请选择正确的房屋')
				}
			},
			myUpload(rsp) {
				console.log(rsp);
				this.url = rsp.path;
				this.file.fileName = rsp.path
				this.compress(rsp.path)
				// this.urlTobase64(rsp.path)
				//rsp.avatar.imgSrc = rsp.path;
				return;
			},
			// 图片压缩
			compress(url) {
				uni.compressImage({
				  src: url,
				  quality: 10,
				  success: res => {
				    // console.log(res.tempFilePath)
					this.urlTobase64(res.tempFilePath)
				  }
				})
			},
			// 图片转base64
			urlTobase64(url) {
				uni.getFileSystemManager().readFile({
					filePath: url, //选择图片返回的相对路径
					encoding: 'base64', //编码格式
					success: res => { //成功的回调
						let base64 = 'data:image/jpeg;base64,' + res.data //不加上这串字符，在页面无法显示的哦
						// this.dataList.picList.push(base64);
						console.log(base64)
						this.file.fileData = base64
						// uni.setStorageSync('fileData',this.file.fileData)
						this.uploadFile()
					}
				})
				// this.uploadFile()
			},
			// 上传文件
			uploadFile() {
				console.log(this.file)
				this.$http.post('common/file/upload', this.file).then(res => {
					console.log(res, '上传文件')
					if (res.code === 10000) {
						this.params4.picture = res.data.id
					}
				})
			},
			handleTap(name) {
				this.$refs[name].show()
			},
			handleChange(e) {
				console.log('change::', e)
			},
			// 学历
			handleConfirm(e) {
				if(e) {
					const name = e.dataset.name
					const label = e.item.label
					this.params4.education = e.item.id
					this.params7.education = e.item.id
					if(name && label){
						this[name] = label
					}
				}
			},
			// 选择房屋
			handleConfirm2(e) {
				// 如果存在多个picker，可以在picker上设置dataset属性，confirm中获取，就能区分是哪个picker了
				console.log('confirm::', e)
				if (e) {
					const name = e.dataset.name
					// const roomName = e.item.roomName
					const label = e.item.label
					// this.params4.roomId = e.item.id
					this.roomId = e.item.id
					this.params4.roomIds[0] = e.item.id
					this.roomName = e.item.roomName
					// if(this.params4.roomIds.indexOf(e.item.id) === -1){
					// 	this.roomId.push(e.item.id)
					// }
					if (name && label) {
						this[name] = label
					}
				}
			},
			// 住户类型
			handleConfirm3(e) {
				// 如果存在多个picker，可以在picker上设置dataset属性，confirm中获取，就能区分是哪个picker了
				console.log('confirm::', e)
				if (e) {
					const name = e.dataset.name
					const label = e.item.label
					this.params4.residentType = e.item.id
					if (name && label) {
						this[name] = label
					}
					console.log(this.params4)
				}
			},
			// 收入
			handleConfirm4(e) {
				// 如果存在多个picker，可以在picker上设置dataset属性，confirm中获取，就能区分是哪个picker了
				console.log('confirm::', e)
				if (e) {
					const name = e.dataset.name
					const label = e.item.label
					this.params4.income = e.item.id
					this.params7.income = e.item.id
					if (name && label) {
						this[name] = label
					}
					console.log(this.params4)
				}
			},
			// 宠物
			handleConfirm6(e) {
				// 如果存在多个picker，可以在picker上设置dataset属性，confirm中获取，就能区分是哪个picker了
				console.log('confirm::', e)
				if (e) {
					const name = e.dataset.name
					const label = e.item.label
					this.params4.pets = e.item.id
					if (name && label) {
						this[name] = label
					}
					console.log(this.params4)
				}
			},
			// 居住类型
			handleConfirm9(e) {
				// 如果存在多个picker，可以在picker上设置dataset属性，confirm中获取，就能区分是哪个picker了
				console.log('confirm::', e)
				if (e) {
					const name = e.dataset.name
					const label = e.item.label
					this.params4.occupancyType = e.item.id
					if (name && label) {
						this[name] = label
					}
					console.log(this.params4)
				}
			},
			// 入住状态
			handleConfirm10(e) {
				// 如果存在多个picker，可以在picker上设置dataset属性，confirm中获取，就能区分是哪个picker了
				console.log('confirm::', e)
				if (e) {
					const name = e.dataset.name
					const label = e.item.label
					this.params4.occupancyState = e.item.id
					if (name && label) {
						this[name] = label
					}
					console.log(this.params4)
				}
			},
			handleCancel(e) {
				console.log('cancel::', e)
			},
			// 获取房屋列表
			getRoomList() {
				this.params2.projId = uni.getStorageSync('projId')
				this.$http.post('common/housing/room/listNo', this.params2).then(res => {
					console.log(res, '房屋')
					if (res.code === 10000) {
						res.data.list.forEach(item => {
							if(item.partition !== ''){
								item.label = item.partition + '-' + item.buildingNo + '-' + item.unitNo + '-' + item.roomNo
							}else {
								item.label = item.buildingNo + '-' + item.unitNo + '-' + item.roomNo
							}
							this.candidates.push(item.label)
						})
						this.roomList = res.data.list
						// if(res.data.list.length) {
						// 	this.params2.pagination.current++
						// 	this.getRoomList()
						// }
					}
				})
			},
			// 修改用户信息
			updateUserInfo() {
				// this.isCardNo(this.params4.personId)
				if (this.url == null) {
					uni.showToast({
						title: '请上传用户真实人脸正面照',
						icon: 'none'
					})
				} else if (this.params4.name.trim() == '') {
					uni.showToast({
						title: '请填写姓名',
						icon: 'none'
					})
				}  else if (this.params4.personId == null) {
					uni.showToast({
						title: '请填写身份证号',
						icon: 'none'
					})
				} else if (/^[1-9]\d{5}(((1[89]|20)\d{2}(((0[13578]|1[0-2])(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)(0[1-9]|[12][0-9]|30))|(02(0[1-9]|[1][0-9]|2[0-8]))))|((((1[89]|20)(0[48]|[2468][048]|[13579][26]))|((19|20)00))0229))\d{3}(\d|X|x)/.test(this.params4.personId) === false) {
					uni.showToast({
						title: '请输入正确的身份证号码',
						icon: 'none'
					})
				} else if (this.params4.roomIds.length === 0) {
					uni.showToast({
						title: '请选择房屋',
						icon: 'none'
					})
				} else if (this.params4.residentType == null) {
					uni.showToast({
						title: '请选择住户类型',
						icon: 'none'
					})
				} else {
					uni.showLoading({mask: true})
					if(uni.getStorageSync('checkStatus') === 1 || uni.getStorageSync('checkStatus') === 3){
						this.params4.carPlate = []
						this.params4.carPlate.push(this.carPlate)
						this.params4.carNo = []
						this.params4.carNo.push(this.carNo)
						this.params4.roomArea = parseFloat(this.params4.roomArea)
						console.log(this.params4, '参数')
						// this.params4.roomIds = [...this.roomId,...this.params4.roomIds]
						this.$http.post('wx/application/update', this.params4).then(res => {
							console.log(res)
							if (res.code === 10000) {
								uni.switchTab({
									url: '/pages/mine/mine'
								})
							}else if(res.code === 50010){
								uni.showToast({
									title: '业务处理失败',
									icon: 'none'
								})
							}
						})
					}else {
						this.editUserInfo()
					}
					
				}
			},
			// 获取用户信息
			getUserInfo() {
				// uni.showLoading()
				this.$http.post('common/user/info', {
					projId: uni.getStorageSync('projId'),
					groupId: this.$config.groupId
				}).then(res => {
					console.log(res, '用户信息666')
					if (res.code === 10000 || res.code === 50014 || res.code === 50015) {
						this.params4 = res.data
						// console.log(this.params4)
						this.partitionId = res.data.rooms[0].partitionId
						// this.params4.roomIds = []
						// this.params4.roomIds[0] = res.data.rooms[0].id
						this.carPlate = res.data.cars.length !== 0 ? res.data.cars[0].plate : null
						// this.numberPlate = res.data.cars[0].plate
						this.carNo = res.data.spaces.length !== 0 ? res.data.spaces[0].no : null
						this.checkStatus = res.data.checkStatus
						// this.params2.buildingId = res.data.rooms[0].buildingId
						if(res.data.rooms[0].partition !== ''){
							this.city = res.data.rooms[0].partition + '-' + res.data.rooms[0].buildingNo + '-' + res.data.rooms[0].unitNo + '-' + res.data.rooms[0].roomNo
						}else {
							this.city = res.data.rooms[0].buildingNo + '-' + res.data.rooms[0].unitNo + '-' + res.data.rooms[0].roomNo
						}
						if(res.data.education != ''){
							this.label1 = this.educationList[res.data.education - 1].label
						}
						this.label8 = res.data.rooms[0].partition
						// if(res.data.rooms[0].partition == ''){
						// 	this.label2 = res.data.rooms[0].buildingNo + '幢'
						// }else {
						// 	this.label2 =  res.data.rooms[0].partition + '区' + res.data.rooms[0].buildingNo + '幢'
						// }
						this.label9 = res.data.rooms[0].unitNo
						this.label3 = res.data.rooms[0].roomNo
						this.label10 = this.occupancyTypeList[res.data.occupancyType - 1].label
						this.label11 = this.occupancyStateList[res.data.occupancyState - 1].label
						this.label4 = this.residentTypeList[this.params4.residentType - 1].label
						if (this.params4.income !== 0) {
							this.$nextTick(() => {
								this.value5 = this.incomeList[this.params4.income - 1].value
								// 此处可以调用getColumnsInfo方法获取默认值的选项信息
								const info = this.$refs.picker5.getColumnsInfo(this.value5)
								console.log('根据value获取的信息：', info)
								this.label5 = info.item.label
							})
						}
						if (this.params4.pets !== 0) {
							this.$nextTick(() => {
								this.value7 = this.pets[this.params4.pets - 1].value
								// 此处可以调用getColumnsInfo方法获取默认值的选项信息
								const info = this.$refs.picker7.getColumnsInfo(this.value7)
								console.log('根据value获取的信息：', info)
								this.label7 = info.item.label
							})
						}
						uni.hideLoading()
						this.downloadFile(res.data.picture)
					}
				})
			},
			// 下载文件
			downloadFile(picture) {
				this.$http.post('common/file/download', {
					id: picture
				}).then(res => {
					console.log(res, '下载文件')
					if (res.code === 10000) {
						// this.tempPath = res.data.fileData
						this.url = res.data.fileData
						// uni.hideLoading()
						// this.tempPath = uni.getStorageSync('fileData')
					}
				})
			},
			// 已审核状态修改用户信息
			editUserInfo() {
				uni.showLoading({
					mask: true
				})
				this.params7.birthplace = this.params4.birthplace
				this.params7.company = this.params4.company
				this.params7.id = this.params4.id
				this.params7.pets = this.params4.pets
				this.params7.income = this.params4.income
				this.params7.roomArea = parseInt(this.params4.roomArea)
				this.params7.carPlate = []
				this.params7.carPlate.push(this.carPlate)
				this.params7.carNo = []
				this.params7.carNo.push(this.carNo)
				this.$http.post('wx/user/update',this.params7).then(res => {
					console.log(res)
					if(res.code === 10000){
						// uni.switchTab({
						// 	url: '../mine/mine'
						// })
						uni.showToast({
							title: '修改成功'
						})
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	.identify-container {
		padding-bottom: 200rpx;
		input {
			height: 50rpx;
		}
		.require {
			position: absolute;
			left: 0;
			top: 24rpx;
		}
		.uni-combox__label {
			padding-left: 20rpx!important;
		}
		.photo {
			width: 400rpx;
			height: 400rpx;
			margin: 66rpx 87rpx 120rpx 88rpx;
				image {
					width: 400rpx;
					height: 400rpx;
					margin-left: 100rpx;
					// margin: 66rpx 20rpx 120rpx 88rpx;
					// margin: 10rpx 0 0 10rpx;
				}
		}
		.img_box {
			width: 400rpx;
			height: 400rpx;
			margin: 132rpx 87rpx 120rpx 176rpx;
				image {
					width: 100%;
					height: 100%;
					// margin: 66rpx 20rpx 120rpx 88rpx;
					// margin: 10rpx 0 0 10rpx;
				}
		}
		.name {
			display: flex;
			margin: 0 20rpx;
			padding-left: 20rpx;
			width: 710rpx;
			height: 76rpx;
			align-items: center;
			box-shadow: 0px 1px 0px 0px rgba(237, 237, 237, 1);
			color: #333;
			font-size: 28rpx;
			position: relative;

			// text {
			// 	margin-right: 79rpx;
			// 	color: #333333;
			// 	font-size: 24rpx;
			// }
			.two {
				margin-right: 100rpx;
			}
			input {
				color: #333;
				font-size: 28rpx;
				width: 500rpx;
			}
			.require {
				position: absolute;
				left: 0;
				top: 24rpx;
			}

			.info {
				margin-right: 48rpx;
			}

			.person_num {
				margin-right: 46rpx;
			}
			.info1 {
				margin-right: 24rpx;
			}
			.tap {
				width: 500rpx;
				height: 86rpx;
				line-height: 86rpx;
				font-size: 28rpx;
			}

			.tap1 {
				width: 500rpx;
				height: 86rpx;
				line-height: 86rpx;
				font-size: 28rpx;
				padding-left: 20rpx;
			}

			.three {
				margin-right: 72rpx;
				color: #333333;
				font-size: 28rpx;
			}

			.five {
				margin-right: 20rpx;
				color: #333;
				font-size: 28rpx;
			}

			.edit {
				display: flex;
				align-items: center;
			}

			.no_edit {
				margin-left: 46rpx;
			}
		}

		.true {
			display: flex;
			justify-content: center;
			font-size: 28rpx;
			color: #41ADFF;
			margin-bottom: 50rpx;
		}

		.btn {
			width: 536rpx;
			height: 72rpx;
			background: $theme-color;
			border-radius: 36px;
			color: #fff;
			line-height: 72rpx;
			margin-top: 100rpx;
			// margin-bottom: 100rpx;
		}
		.uni-combox__label {
			padding-right: 48rpx!important;
		}
	}
</style>
